@import "lib/bracket.less";
//微信菜单管理 自定义菜单添加
.custom-menu {
	
		.dropdown-menu:before {
				content: '';
				display: inline-block;
				border-left: 7px solid transparent;
				border-right: 7px solid transparent;
				border-top: 7px solid #ddd;
				border-top-color: rgba(0, 0, 0, 0.2);
				position: absolute;
				bottom: -7px;
				left: 50%;
			  margin-left: -7px;
		}

		.dropdown-menu:after {
				content: '';
				display: inline-block;
				border-left: 6px solid transparent;
				border-right: 6px solid transparent;
				border-top: 6px solid #ffffff;
				position: absolute;
				bottom: -6px;
				left: 50%;
			  margin-left: -6px;
		}
	
		.list-group-horizontal>.list-group-item {
				display: inline-block;
				margin-bottom: 0;
				margin-right: 0;
				border-right:0;
				&:first-child {
					border-top-right-radius:0;
					border-bottom-left-radius:4px;
				}
				&:last-child {
					border-top-right-radius:4px;
					border-bottom-left-radius:0;
					border-right:1px solid #ddd;		
				}
		}

		.main-panel-right .panel-container{
				min-height: 348px;			
		}
		.main-panel-left .panel-footer {
				width:100%;		
				padding-left: 4px;
				padding-right: 4px;
				min-height: 348px;
				position: relative;
		}
		
			.main-panel-left .panel-footer .list-group-horizontal {
				position: absolute;
				bottom: 0;
				width: 100%;
				left: 0;
				text-align: center;
				
				margin-bottom: -4px;
			}
			.main-panel-left .panel-footer .list-group-horizontal>.list-group-item {
				 width: 33.33333%;
				 cursor: pointer;
				 padding: 0;
				 > a {
					display: block;
					padding:0 10px;
					width: 100%;
					text-overflow: ellipsis;
					line-height: 48px;
					height: 48px;
					overflow: hidden;
					white-space: nowrap;					 
				}
			}
			.main-panel-right	.panel-footer {
				padding-top: 20px;
			}		
			.main-panel-right	.panel-body {
				background-color: #fff;
			}	
			.main-panel-right	.panel-container {
				background-color: #f5f5f5
			}
			.dropdown-menu {
//				display: block;
			}
			ul.dropdown-menu.list-group {
				min-width: 0;
				padding: 0;
				width: 100%;
				bottom: 100%;
				top: auto;		
				margin-bottom: 10px;
				text-align: center;
				.list-group-item {
					 padding: 8px 4px;
					white-space: nowrap;
					width: 100%;
					overflow: hidden;
					text-overflow: ellipsis;					
				}
			}
			.list-group.dropdown-menu .fa {
				color: #97a0b3;	
			}
}
